<template>
	<view class="container">
		<view class="tool">
			<view class="item" @click="go('/pages/guide/guide?identification='+ 1)">
				<image :src="imgUrl+'16557827423612747665.png'" class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">使用指南</text>
					<text class="desc">帮助您快速了解</text>
			    </view>
			</view>
			<view class="item" @click="go('/pages/tool/estimate')">
				<image :src="imgUrl+'16557827425200718857.png'" class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">装修估算</text>
					<text class="desc">快速估出预算</text>
			    </view>
			</view>
			
		</view>
		<view class="tool">
			<view class="item" @click="go('/pages/tool/forecast')">
				<image :src="imgUrl+'16557827435101469691.png'" class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">原始工期测算</text>
					<text class="desc">快速测算工期</text>
			    </view>
			</view>
			<view class="item" @click="go('/pages/tool/material')">
				<image :src="imgUrl+'16557827440373075958.png'" class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">主材订装规划</text>
					<text class="desc">协助主材订装</text>
			    </view>
			</view>
		</view>
		<view class="tool">
			<view class="item"  @click="go('/pages/tool/book')">
				<image :src="imgUrl+'16557827442899637383.png'" class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">装修账簿</text>
					<text class="desc">账簿清晰可见</text>
			    </view>
			</view>
			<view class="item" @click="go('/pages/index/progress/progress')">
				<image :src="imgUrl+'16557827444099459264.png'"  class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">形象视频进度</text>
					<text class="desc">进度一目了然</text>
			    </view>
			</view>
		</view>
		<view class="tool">
			<view class="item" @click="go('/pages/index/check/check')">
				<image :src="imgUrl+'16557827448297812788.png'" class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">现场巡检</text>
					<text class="desc">现场帮您把关</text>
			    </view>
			</view>
			<view class="item" @click="go('/pages/tool/housecheck')">
				<image :src="imgUrl+'16557827448438105900.png'" class="icon" mode="aspectFit"></image>
			    <view class="text">
			    	<text class="title">全屋验收</text>
					<text class="desc">把关验收质量</text>
			    </view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			imgUrl:this.$IMG_URL,	
			}
		},
		onShow()
		{
		   this.$store.dispatch('checkHouse');	
		},
		methods: {
		
		}
	}
</script>

<style scoped lang="scss">
     .container{
		 position: fixed;
		width: 100vw;
		height:100vh;
		background: #F6F7F9;
		opacity: 1;
		padding:6rpx 8rpx;
		.tool{
			display: flex;
			margin-top: 20rpx;
			justify-content: space-between;
			.item{
				width: 359rpx;
				height: 186rpx;
				background: #FFFFFF;
				opacity: 1;
				border-radius: 8rpx;
				display: flex;
				align-items: center;
				.text{
					display: flex;
					flex-direction: column;
					margin-left: 20rpx;
					height: 100%;
					display: flex;
				
					
				}
				.icon{
					width:64rpx ;
					height: 64rpx;
					margin-left:43rpx
					
				}
				.title{
					margin-top: 48rpx;
				
					height: 45rpx;
					font-size: 32rpx;
				    font-weight: 500;
					line-height: 32px;
					color: #333333;
					
					opacity: 1;
				}
				.desc{
					width: 170rpx;
					height: 33rpx;
					font-size: 24rpx;
				    margin-top: 12rpx;
					font-weight: 500;
					line-height: 33rpx;
					color: #999999;
				
					opacity: 1;
				}
			}
		}
	 }
</style>
